<template>
  <view :data-theme="cueTheme">
    <view class="function">
      <text class="color2">
        全部任务
      </text>
      <view
        class="grid"
      >
        <view
          v-for="item in menu"
          :key="item.name"
          class="grid-item-box"

          @tap="selectTask(item)"
        >
          <view :style="activeBg(item)">
            <image src="~@/static/img/task.png" />
            <text>{{ item.name }}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
import { getFiles } from "@/utils/getFiles";
const files = require.context("./mixins", false, /js$/);
const mixins = getFiles(files);
export default {
  mixins: [...mixins],
  onShow() {
  },
  onLoad(option) {
  },
}
</script>
<style lang='scss' scoped  src="./index.scss"></style>
